---
layout: blogbase
---

<div class="blog-post">
    <div style="padding-top:1rem;margin-bottom: 2rem;">
    <a href="{{ '/blog' | relative_url }}"><i class="fas fa-chevron-left"></i> 文章列表</a>
    </div>

    {% if page.image %}
    <img src="{{ page.image | relative_url }}" style="width:100%;height:auto;"/>
    {% endif %}

    <div style="padding-bottom:1rem;">
        <h2 class="blog-post-title">{{ page.title }}</h2>
        <p class="blog-post-meta">{{ page.date| date: "%Y-%m-%d" }}</p>
    </div>

    {{ content }}

    <div class="container-fluid" style="margin-top:2rem;padding-top:2rem;border-top:1px solid #ddd;">
        <div class="row">
            <div class="col" style="text-align: left;padding:0;">
                {% if page.previous.url %}
                <a href="{{ page.previous.url }}">← {{ page.previous.title }}</a>
                {% endif %}
            </div>
            <div class="col" style="text-align: right;padding:0;">
                {% if page.next.url %}
                <a href="{{ page.next.url }}"> {{ page.next.title }} →</a>
                {% endif %}
            </div>
        </div>
    </div>
</div>
